﻿.commentList {
  .singleTalk {
    position: relative;
    padding: 0 12px 0 30px;
    .userAvarar {
      position: absolute;
      top: 13px;
      left: 0;
      width: 24px;
      height: 24px;
      vertical-align: top;
    }
    .talkDiscussion {
      display: inline-block;
      width: 100%;
      margin-left: 5px;
      padding-top: 15px;
      border-bottom: 1px #eee solid;
      .commentLocation {
        text-decoration: none;
        .icon {
          margin: 0 2px;
          font-size: 16px;
          color: #9f9f9f;
        }
      }
      &:hover {
        .Right a {
          display: inline-block;
        }
        .Right .commentDate {
          display: none;
        }
      }
      .singleTop {
        width: 100%;
        color: #757575;
        .userName {
          font-weight: bold;
          &:not(:hover) {
            color: #333 !important;
          }
        }
        .Right {
          user-select: none;
          a {
            text-decoration: none;
          }
          a:not(:hover),
          .commentDate:not(:hover) {
            color: #aaa !important;
          }
        }
        .msgTip:not(:hover) {
          color: #aaa !important;
        }
      }
      .singeText {
        font-size: 13px;
        margin-top: 10px;
        padding-bottom: 15px;
        word-wrap: break-word;
        clear: both;
        a {
          text-decoration: none;
        }
      }
    }
  }
}
